import base64

from selenium import webdriver
from time import sleep

driver = webdriver.Chrome()
driver.get("https://uutool.cn/ueditor/")

# 五种JS定位方法
# 1.通过id获取
id = "document.getElementById('id')"
# 2.通过name获取，返回的是list
name = "document.getElementsByName('Name')"
# 3.通过标签名选取元素
tagname = "document.getElementsByTagName('tag')"
# 4.通过CLASS类选取元素
classname = "document.getElementsByClassName('class')"
# 5.通过CSS选择器选取元素
selector = "document.querySelectorAll('css selector')"

# JS输入内容 innerText | innerHTML | value 的区别
# innerText 直接插入文本（无HTML修饰）
# innerHTML 获取或设置元素的HTML内容（有HTML修饰）
# value 一般用在输入框
# 嵌套文档的连接方法 1. 在富文本中使用js输入文本信息（文本信息是自己的姓名）；
driver.execute_script("document.querySelector('#ueditor_0').contentDocument.querySelector('body').innerHTML='吴宇辉'")
# 2.将文本信息居中显示。
driver.execute_script("document.querySelector('#ueditor_0').contentDocument.querySelector("
                      "'body').style.textAlign='center'")
# 3.通过获取Base64编码字符串的方法截图，并保存至D/download文件夹下，文件名为base64.png
with open("E://download/base64.png", "wb") as f:
    f.write(base64.b64decode(driver.get_screenshot_as_base64()))

sleep(3)
driver.quit()

